<template>
  <div class="wiredunk-faq-detailed-coloumn-with-search">
    <div class="rectangle"></div>
    <svg
      class="vector"
      width="18"
      height="16"
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M4 0V16M14 0V16M0 4H4M14 4H18M0 8H18M0 12H4M14 12H18M1 16H17C17.2652 16 17.5196 15.8946 17.7071 15.7071C17.8946 15.5196 18 15.2652 18 15V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V15C0 15.2652 0.105357 15.5196 0.292893 15.7071C0.48043 15.8946 0.734784 16 1 16Z"
        stroke="white"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>

    <div class="wiredunk">FILMACTION</div>
    <svg
      class="arrow-left"
      width="45"
      height="40"
      viewBox="0 0 45 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.625 20H39.375M18.75 31.6667L5.625 20L18.75 31.6667ZM5.625 20L18.75 8.33337L5.625 20Z"
        stroke="white"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>

    <div class="group">
      <div class="form-input-blank">
        <div class="form"></div>
        <svg
          class="combined-shape"
          width="17"
          height="19"
          viewBox="0 0 17 19"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M11.3632 13.9298L12.1441 13.3051C11.831 12.9138 11.2767 12.8146 10.8474 13.0731L11.3632 13.9298ZM14.7191 18.1247L15.5 17.5L15.5 17.5L14.7191 18.1247ZM16.1247 18.2809L15.5 17.5L15.5 17.5L16.1247 18.2809ZM16.2809 16.8753L15.5 17.5L16.2809 16.8753ZM12.9243 12.6795L12.2011 11.9888C11.8552 12.351 11.8305 12.9132 12.1434 13.3042L12.9243 12.6795ZM11.2378 11.5347L11.4994 12.4999C11.6555 12.4576 11.799 12.3781 11.9176 12.2681L11.2378 11.5347ZM10.6153 12.0333L11.1824 12.8569C11.3156 12.7652 11.4246 12.6425 11.5 12.4994L10.6153 12.0333ZM10.8753 11.7191L11.5 12.5L10.8753 11.7191ZM1 7.5C1 3.91015 3.91015 1 7.5 1V-1C2.80558 -1 -1 2.80558 -1 7.5H1ZM7.5 14C3.91015 14 1 11.0899 1 7.5H-1C-1 12.1944 2.80558 16 7.5 16V14ZM10.8474 13.0731C9.8704 13.6614 8.72627 14 7.5 14V16C9.09988 16 10.5994 15.557 11.8791 14.7865L10.8474 13.0731ZM15.5 17.5L12.1441 13.3051L10.5824 14.5545L13.9383 18.7494L15.5 17.5ZM15.5 17.5L15.5 17.5L13.9383 18.7494C14.6283 19.6119 15.8869 19.7518 16.7494 19.0617L15.5 17.5ZM15.5 17.5L15.5 17.5L16.7494 19.0617C17.6119 18.3717 17.7518 17.1131 17.0617 16.2506L15.5 17.5ZM12.1434 13.3042L15.5 17.5L17.0617 16.2506L13.7051 12.0548L12.1434 13.3042ZM14 7.5C14 9.24141 13.3165 10.8211 12.2011 11.9888L13.6474 13.3702C15.1039 11.8453 16 9.77624 16 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H16C16 2.80558 12.1944 -1 7.5 -1V1ZM11.9176 12.2681C13.197 11.0823 14 9.38416 14 7.5H12C12 8.80446 11.4463 9.97806 10.558 10.8013L11.9176 12.2681ZM14 7.5C14 3.91015 11.0899 1 7.5 1V3C9.98528 3 12 5.01472 12 7.5H14ZM7.5 1C3.91015 1 1 3.91015 1 7.5H3C3 5.01472 5.01472 3 7.5 3V1ZM1 7.5C1 11.0899 3.91015 14 7.5 14V12C5.01472 12 3 9.98528 3 7.5H1ZM7.5 14C8.86546 14 10.1353 13.5779 11.1824 12.8569L10.0482 11.2096C9.32407 11.7082 8.44762 12 7.5 12V14ZM11.5 12.4994L11.5 12.5L10.2506 10.9383C10.0304 11.1144 9.85572 11.3297 9.73064 11.5671L11.5 12.4994ZM11.5 12.5L11.4994 12.4999L10.9762 10.5696C10.7179 10.6396 10.4703 10.7625 10.2506 10.9383L11.5 12.5Z"
            fill="#ACB6BE"
          />
        </svg>

        <div class="ask-a-question">问题咨询 / Ask a question</div>
      </div>
      <div class="how-can-we-help">How can we help?</div>
    </div>
    <div class="getting-started">关于创作权利</div>
    <div class="why-do-i-need-to-ver">创作版权归属问题？</div>
    <div class="downgrading-my-plan">创作版权能否商用进行盈利？</div>
    <div class="with-money-from-frie">
      用Filmaction创作出的视频能否进行署名？
    </div>
    <div class="using-a-concierge">没有会员创作的视频有版权所有吗？</div>
    <div class="view-all">查看更多</div>
    <div class="transaction-issues">关于视频创作</div>
    <div class="why-has-my-deposit-f">一条视频渲染的时间长短？</div>
    <div class="why-is-my-deposit-st">视频上会有Filmaction的水印吗？</div>
    <div class="why-has-my-deposit-b">为什么要为AI视频付费？</div>
    <div class="why-was-i-charged-a">视频创作出后如何进行保存，分享？</div>
    <div class="view-all2">查看更多</div>
    <div class="profile">关于会员积分</div>
    <div class="are-there-any-deposi">积分如何使用？如何操作？</div>
    <div class="i-need-to-verify-my">积分用完了，可以购买积分吗？</div>
    <div class="i-m-unable-to-verify">积分每个月都会刷新吗？</div>
    <div class="i-want-to-close-my-r">积分如何赚取？</div>
    <div class="view-all3">查看更多</div>
    <svg
      class="arrow-right"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M17.5 10H2.5M11.6667 4.16669L17.5 10L11.6667 4.16669ZM17.5 10L11.6667 15.8334L17.5 10Z"
        stroke="#13C296"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>

    <svg
      class="arrow-right2"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M17.5 10H2.5M11.6667 4.16669L17.5 10L11.6667 4.16669ZM17.5 10L11.6667 15.8334L17.5 10Z"
        stroke="#13C296"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>

    <svg
      class="arrow-right3"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M17.5 10H2.5M11.6667 4.16669L17.5 10L11.6667 4.16669ZM17.5 10L11.6667 15.8334L17.5 10Z"
        stroke="#13C296"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  </div>
</template>
<script>
/* Code generated with AutoHTML Plugin for Figma */

export default {
  name: "WiredunkFaqDetailedColoumnWithSearch",
  components: {},
  props: {},
  data() {
    // quickfix to have components available to pass as props
    return {};
  },
};
</script>
<style scoped>
.wiredunk-faq-detailed-coloumn-with-search,
.wiredunk-faq-detailed-coloumn-with-search * {
  box-sizing: border-box;
}
.wiredunk-faq-detailed-coloumn-with-search {
  background: #ffffff;
  width: 1440px;
  height: 900px;
  position: relative;
  overflow: hidden;
}
.rectangle {
  background: #3056d3;
  width: 1440px;
  height: 380px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.vector {
  position: absolute;
  left: 1209px;
  top: 55px;
  overflow: visible;
}
.wiredunk {
  color: #ffffff;
  text-align: left;
  font: 700 24px "Montserrat", sans-serif;
  position: absolute;
  left: 1244px;
  top: calc(50% - 402px);
}
.arrow-left {
  position: absolute;
  left: 54px;
  top: 37px;
  overflow: visible;
}
.group {
  width: 570px;
  height: 138px;
  position: absolute;
  left: 435px;
  top: 121px;
  overflow: hidden;
}
.form-input-blank {
  width: 570px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 90px;
  box-shadow: 0px 2px 7px 0px rgba(210, 222, 227, 0.46);
  overflow: hidden;
}
.form {
  background: #fcfdfe;
  border-radius: 6px;
  border-style: solid;
  border-color: #e9edf4;
  border-width: 1px;
  width: 570px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 2px 7px 0px rgba(210, 222, 227, 0.46);
}
.combined-shape {
  position: absolute;
  left: 19px;
  top: 15px;
  overflow: visible;
}
.ask-a-question {
  color: #acb6be;
  text-align: left;
  font: 400 14px "Open Sans", sans-serif;
  position: absolute;
  left: 50px;
  top: calc(50% - 9px);
}
.how-can-we-help {
  color: #ffffff;
  text-align: left;
  font: 600 36px "Montserrat", sans-serif;
  position: absolute;
  left: 121px;
  top: calc(50% - 69px);
}
.getting-started {
  color: #212b36;
  text-align: left;
  font: 600 26px "Montserrat", sans-serif;
  position: absolute;
  left: 135px;
  top: 480px;
}
.why-do-i-need-to-ver {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 135px;
  top: 552px;
}
.downgrading-my-plan {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 135px;
  top: 594px;
}
.with-money-from-frie {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 135px;
  top: 636px;
}
.using-a-concierge {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 135px;
  top: 678px;
}
.view-all {
  color: #13c296;
  text-align: left;
  font: 500 16px/24px "Montserrat", sans-serif;
  position: absolute;
  left: 135px;
  top: 732px;
}
.transaction-issues {
  color: #212b36;
  text-align: left;
  font: 600 26px "Montserrat", sans-serif;
  position: absolute;
  left: 535px;
  top: 480px;
}
.why-has-my-deposit-f {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 535px;
  top: 550px;
}
.why-is-my-deposit-st {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 535px;
  top: 592px;
}
.why-has-my-deposit-b {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 535px;
  top: 634px;
}
.why-was-i-charged-a {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 535px;
  top: 676px;
}
.view-all2 {
  color: #13c296;
  text-align: left;
  font: 500 16px/24px "Montserrat", sans-serif;
  position: absolute;
  left: 535px;
  top: 730px;
}
.profile {
  color: #212b36;
  text-align: left;
  font: 600 26px "Montserrat", sans-serif;
  position: absolute;
  left: 935px;
  top: 480px;
}
.are-there-any-deposi {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 935px;
  top: 552px;
}
.i-need-to-verify-my {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 935px;
  top: 594px;
}
.i-m-unable-to-verify {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 935px;
  top: 636px;
}
.i-want-to-close-my-r {
  color: #637381;
  text-align: left;
  font: 400 18px "Open Sans", sans-serif;
  position: absolute;
  left: 935px;
  top: 678px;
}
.view-all3 {
  color: #13c296;
  text-align: left;
  font: 500 16px/24px "Montserrat", sans-serif;
  position: absolute;
  left: 935px;
  top: 732px;
}
.arrow-right {
  position: absolute;
  left: 204px;
  top: 734px;
  overflow: visible;
}
.arrow-right2 {
  position: absolute;
  left: 605px;
  top: 732px;
  overflow: visible;
}
.arrow-right3 {
  position: absolute;
  left: 1003px;
  top: 734px;
  overflow: visible;
}
</style>
